<template>
  <div :class="['hero min-h-screen card bg-gradient-to-br from-primary to-secondary']">
    <div class="hero-content flex-col lg:flex-row-reverse ">
      <div class="text-center lg:text-left">
        <h1 class="text-5xl font-bold break-words">上传你的音乐！</h1>
        <p class="py-6">
          Provident cupiditate voluptatem et in.
          Quaerat fugiat ut assumenda excepturi exercitationem quasi.
          In deleniti eaque aut repudiandae et a id nisi.
        </p>
      </div>
      <div class="card flex-shrink-0 w-full max-w-sm shadow-2xl bg-base-100 card shadow-2xl">
        <div class="card-body ">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>